<template>
  <div class="ping-main">
    <div class="all">
      <span>全部评价(21)</span>
      <span>筛选 <span class="iconfont icon-shaixuan"></span></span>
    </div>
    <div class="invite">邀请您完善个人信息</div>

    <div class="niming">
      <div><img src="../../../assets/detail-img/pingjia.gif" /></div>
      <div class="normal">
        <ul>
          <li class="first">
            <span>匿名</span> <span>一般</span> <span>2021-01-27</span>
          </li>
          <li class="second"><span>我的尺码 41.0码</span></li>
          <li class="thrid"><span>选购尺码</span> <span>41码</span></li>
          <li class="fourth"><span>尺码感受</span> <span>合适</span></li>
        </ul>
      </div>
    </div>
    <div class="niming">
      <div><img src="../../../assets/detail-img/pingjia.gif" /></div>
      <div class="normal">
        <ul>
          <li class="first">
            <span>小*Q</span> <span>一般</span> <span>2021-01-13</span>
          </li>
          <li class="second"><span>我的尺码 40码</span></li>
          <li class="thrid"><span>选购尺码</span> <span>40码</span></li>
          <li class="fourth"><span>尺码感受</span> <span>合适</span></li>
        </ul>
      </div>
    </div>
    <div class="niming">
      <div><img src="../../../assets/detail-img/pingjia.gif" /></div>
      <div class="normal">
        <ul>
          <li class="first">
            <span>匿名</span> <span>一般</span> <span>2020-01-27</span>
          </li>
          <li class="second"><span>我的尺码 43.0码</span></li>
          <li class="thrid"><span>选购尺码</span> <span>43码</span></li>
          <li class="fourth"><span>尺码感受</span> <span>合适</span></li>
        </ul>
      </div>
    </div>
    <div class="niming">
      <div><img src="../../../assets/detail-img/pingjia.gif" /></div>
      <div class="normal">
        <ul>
          <li class="first">
            <span>二*宝</span> <span>一般</span> <span>2022-02-27</span>
          </li>
          <li class="second"><span>我的尺码 37.0码</span></li>
          <li class="thrid"><span>选购尺码</span> <span>37码</span></li>
          <li class="fourth"><span>尺码感受</span> <span>合适</span></li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "PingMain",
};
</script>

<style scoped>
.ping-main {
  height: 6rem;
}
.all {
  height: 0.5rem;
  margin-left: 0.2rem;
  margin-top: 0.2rem;
}
.all span:nth-child(1) {
  font-size: 0.16rem;
  font-weight: bold;
}
.all span:nth-child(2) {
  margin-left: 1.9rem;
  font-size: 0.14rem;
}
.invite {
  width: 3rem;
  height: 0.28rem;
  margin-left: 0.2rem;
  background-color: #f8f8fa;
  color: #83828b;
  padding: 0.15rem;
}
.niming {
  display: flex;
}
.niming img {
  margin-top: 0.2rem;
  margin-left: 0.2rem;
}
.normal {
  margin-top: 0.2rem;
  margin-left: 0.1rem;
  border-bottom: 2px solid #f3f2f6;
}
.first span:nth-child(1) {
  font-size: 0.16rem;
  font-weight: bold;
}
.first span:nth-child(2) {
  font-size: 0.14rem;
  color: #83828b;
  display: inline-block;
  width: 0.3rem;
  height: 0.15rem;
  text-align: center;
  line-height: 0.15rem;
  border: 1px solid #83828b;
  margin-left: 0.1rem;
}
.first span:nth-child(3) {
  font-size: 0.14rem;
  color: #83828b;
  margin-left: 1.2rem;
}
.second {
  margin-top: 0.1rem;
}
.second span {
  font-size: 0.14rem;
  color: #83828b;
}
.thrid{
  margin-top: 0.2rem;
}
.thrid span:nth-child(1) {
  font-size: 0.14rem;
  color: #83828b;
}
.thrid span:nth-child(2) {
  font-size: 0.14rem;
  font-weight: bold;
}
.fourth {
  margin-top: 0.1rem;
  margin-bottom: 0.2rem;
}
.fourth span:nth-child(1) {
  font-size: 0.14rem;
  color: #83828b;
}
.fourth span:nth-child(2) {
  font-size: 0.14rem;
  font-weight: bold;
}
</style>